var active = {
    //<i class="layui-icon">' + (s ? "&#xe605;" : "&#xe618;") + "</i>
    checkboxChange: function () {
        $(".datagrid-cell-check input[type='checkbox']").replaceWith("<label><input type=\"checkbox\"><i class=\"layui-icon\"></i></i></label>")
        $(".datagrid-header-check input[type='checkbox']").replaceWith("<label><input type=\"checkbox\"><i class=\"layui-icon\"></i></label>")
    },
    //点击每行的复选框执行的函数
    click: function (cell) {
        //判断点击的复选框的标签内容是否为0，如果为0则添加勾选状态
        var cellFlag = $(cell).html().length == 0;
        $(cell).html(cellFlag ? "&#xe605;" : "").css({backgroundColor: cellFlag ? '#5FB878' : ""});
        if(cellFlag){
            cell.parents("tr:first").find("td[field='resource']").find('.layui-form-checkbox').addClass('layui-form-checked');
        }else{
            cell.parents("tr:first").find("td[field='resource']").find('.layui-form-checkbox').removeClass('layui-form-checked');
        }

        //获取当前表格的所有复选框中存放图标的标签集合
        var cellRow = cell.parents().filter('.datagrid-body').find('.datagrid-cell-check').find('i');
        var flag = true;//标记是否将表头的复选框勾选 true勾选，false取消
        //遍历整个图标标签集合。
        cellRow.each(function () {
            //如果有一个标签中没有图标。则表示头部复选框取消选中。
            if ($(this).html().length == 0) {
                flag = false;
                return false;
            }
        })
        //添加头部复选框图标选中状态
        cell.parents().filter('.datagrid-body').prev().find('.datagrid-header-check').find('i').html(flag ? "&#xe605;" : "").css({backgroundColor: flag ? '#5FB878' : ""});




    },
    //点击头部复选框按钮函数
    checkAll: function (cell) {
        //获取本表格中的所有复选框中存放图标用的标签集合
        var checkBox = cell.parents().filter('.datagrid-header').next().find('.datagrid-cell-check').find('i');
        //判断头部复选框是否被选中。内容长度为0，则表示未选中状态，则将其选中。
        var headerFlag = $(cell).html().length == 0;
        //当前复选框取消或选中
        $(cell).html(headerFlag ? "&#xe605;" : "").css({backgroundColor: headerFlag ? '#5FB878' : ''});
        //其它复选框取消或选中
        checkBox.html(headerFlag ? "&#xe605;" : "").css({backgroundColor: headerFlag ? '#5FB878' : ''});
        if(headerFlag){
            cell.parents().filter('.datagrid-header').next().find("td[field='resource']").find('.layui-form-checkbox').addClass('layui-form-checked');
        }else{
            cell.parents().filter('.datagrid-header').next().find("td[field='resource']").find('.layui-form-checkbox').removeClass('layui-form-checked');
        }
    }
}
//行内复选框点击事件
$(document).on('click', '.datagrid-cell-check i', function () {
    active['click'].call(this, $(this));
})
//头部复选框点击事件
$(document).on('click', '.datagrid-header-check i', function () {
    active['checkAll'].call(this, $(this));
})
